<template>
	<div>
		<Modal v-model="showModal" width="360">
			<p slot="header" style="color:#2d8cf0;text-align:center">
				<Icon type="ios-information-circle"></Icon>
				<span>账号信息</span>
			</p>
			<div style="text-align:left">
				<p>
					<b
						>机构名称：<span style="color:#2d8cf0;">{{ name }}</span></b
					>
				</p>
				<p>
					<b
						>管理账号：<span style="color:#19be6b;">{{ account }}</span></b
					>
				</p>
			</div>
			<div slot="footer">
				<Button type="primary" long @click="ok">确定</Button>
			</div>
		</Modal>
	</div>
</template>

<script>
export default {
	name: 'account-modal',
	props: {
		name: String,
		account: [String, Number],
		modal: {
			type: Boolean,
			default: false
		}
	},
	watch: {
		modal(val, oldVal) {
			this.showModal = val;
		}
	},
	data() {
		return {
			showModal: false
		};
	},
	methods: {
		ok() {
			this.$emit('showModal', false);
		}
	}
};
</script>

<style></style>
